<template>
  <div>
    <good v-model="list1">
      <template #title="{ bt }">
        <div class="head" >{{ bt }}</div>
      </template>
      <template #res="{ item }">
        <span class="zuo">{{ item.content }}</span>
        <span class="you">{{ item.num }}</span>
      </template>
    </good>
    
    <good v-model="list">
      <template #title>
        <div class="head">我是标题</div>
      </template>
      <template #res="{ item }">
        <span class="zuo">{{ item.content }}</span>
        <span class="you">{{ item.num }}</span>
      </template>
    </good>
  </div>
</template>

<script>
import good from './components/my-list.vue'
export default {
  components: {
    good,
  },
  data() {
    return {
      list1: [
        {
          id: 1,
          content: '2222222',
          num: '1287',
        },
        {
          id: 2,
          content: '444444444',
          num: '654',
        },
      ],
      list: [
        {
          id: 1,
          content: '我的赞',
          num: '1287',
        },
        {
          id: 2,
          content: '我的收藏',
          num: '654',
        },
        {
          id: 3,
          content: '2222',
          num: '123',
        },
        {
          id: 4,
          content: '1111',
          num: '555',
        },
        {
          id: 5,
          content: 'niaho ',
          num: '555',
        },
        {
          id: 6,
          content: '谢谢你',
          num: '555',
        },
      ],
    }
  },
}
</script>